<template>
  <el-dialog
    :title="filename"
    :visible.sync="txtDialog"
    :close-on-click-modal="false"
    width="900px"
    top="52px"
  >
    <div class="ql-editor content-detail">
      <el-input
        type="textarea"
        class="texts"
        autosize
        :disabled="true"
        v-model="textcont"
      >
      </el-input>
    </div>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      filename: "",
      textcont: "",
      txtDialog: false,
    };
  },
  methods: {
    handleOpen() {
      this.txtDialog = true;
    },
    //关闭弹框
    close() {
      this.txtDialog = false;
    },
  },
};
</script>
<style lang="less" scoped>
 /deep/ .el-textarea.is-disabled .el-textarea__inner {
  width: 100%;
}

//页面右侧滑块
.el-dialog__wrapper::-webkit-scrollbar {
  width: 6px;
}
.el-dialog__wrapper::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(255, 249, 244, 0.1);
}
.el-dialog__wrapper::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: gray;
}
</style>